{extend name="base"/}
{block name="title"}{/block}
{block name="css"}
  <link rel="stylesheet" href="/static/backend/css/zhang.css">
{/block}
{block name="content"}
	<div class="shell">
		<div class="matters">
			<div class="matters_tit">
				<p>代办事项</p>
				<ul class="onmouing">
					<li>2</li>
					<li>1</li>
				</ul>
			</div>

				<ul class="matters_con">
					<li>
						<p>你好啊是</p>
						<p>456123</p>
					</li>
					<li>
						<p>你好啊是</p>
						<p>456123</p>
					</li>
					<li>
						<p>你好啊是</p>
						<p>456123</p>
					</li>
					<li>
						<p>你好啊是</p>
						<p>456123</p>
					</li>
				</ul>
		
				<ul class="matters_con">
					<li>
						<p>111</p>
						<p>456123</p>
					</li>
					<li>
						<p>222</p>
						<p>456123</p>
					</li>
					<li>
						<p>333</p>
						<p>456123</p>
					</li>
				</ul>
			
	

		</div>
	</div>
{/block}
{block name="js"}
<script>
	$(".onmouing li").mouseover(function(){
		var Oindex = $(this).index();
		if(Oindex === 0){
			$(".matters_con").eq(0).hide(500);
			$(".matters_con").eq(1).show(500);
		}else{
			$(".matters_con").eq(1).hide(500);
			$(".matters_con").eq(0).show(500);
		}
		
	});
</script>
{/block}